<template>
    <div class="Search">
        <Scroll class="scroll"
                ref="scroll"
                v-if="SearchList"
                :probe-type="3"
                :pull-up-load="true">
            <DetailNavbar></DetailNavbar>
            <IndexMvList :mvs="SearchList"></IndexMvList>
        </Scroll>
        <div v-else class="Search-else">已无更多。。。</div>
    </div>
</template>

<script>
    import Scroll from "@/components/common/scroll/Scroll";
    import IndexMvList from "@/views/index821/childIndex821/IndexMvList821";
    import DetailNavbar from "@/views/detail821/childdetail821/DetailNavbar821";
    import {getSearch} from 'network/index821'
    export default {
        name: "Search",
        data(){
            return{
                SearchList:[],
                keywords:""
            }
        },
        mounted(){
            this.keywords=this.$route.params.keywords
            this.getSearch(this.keywords)
        },
        components:{
            Scroll,
            DetailNavbar,
            IndexMvList
        },
        methods:{
            getSearch(keywords){
                getSearch(1004,keywords).then(res=>{
                    this.SearchList=res.result.mvs
                    console.log(res.result.mvs);
                })
            }
        }
    }
</script>

<style scoped>
    .scroll{
        /*height: calc(100% - 49px);*/
        overflow:hidden;
    }
    .Search{
        height: 100vh;
        position: relative;
        z-index: 12;
        background-color: white;
    }
    .Search-else{
        margin: auto auto;
    }
</style>